<!DOCTYPE html>
<html>

<head>
    <include file="public@head" title="{$page.title}"
             keywords="{$page.keywords}" description="{$page.excerpt}"/>
</head>

<body>
<include file="public@header"/>

<div class="page-header">
    <div class="layui-container">
        <div class="page-header-area">
            <h1 class="page-header-title">{$page.title}</h1>
        </div>
    </div>
</div>
<div class="layui-container">
    <hr class="bg-transparent"/>
    <p class="layui-breadcrumb">
        <a href="/">首页</a>
        <a href="{:url('index/page/index',array('id'=>$page.id))}">{$page.title}</a>
        <a><cite>详情</cite></a>
    </p>
    <hr class="bg-transparent"/>
</div>
<div class="layui-container">
    <article>
        <div class="post-head">
            <h2 class="post-title">{$page.title}</h2>
            <div class="post-meta">
                <span class="post-date layui-hide-xs">{$page.create_time}</span>
                <span class="author">阅读：{$page.hits}</span>
            </div>
        </div>
        <div class="post-excerpt">
            <p>【摘要】{$page.excerpt}</p>
        </div>
        <div class="post-content" id="content">
            {$page.content}
            <input type="hidden" id="content1" name="content" value="{$page.content}"/>
        </div>
    </article>
</div>
<include file="public@footer"/>
<script type="text/javascript">
    layui.use(['element'], function () {
        var element = layui.element;
    });
    let content = document.getElementById("content1").value;
    document.getElementById("content").innerHTML = content;
</script>
</body>

</html>
